<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Weapons</title>
  <script type="text/javascript" src="http://www.google.com/jsapi">
  </script>



<script type="text/javascript">



google.load('visualization', '1', {packages:['orgchart', 'table']});
google.setOnLoadCallback(showCharts);

function showCharts() {


//the weapons
//
var aData = new google.visualization.DataTable();

aData.addColumn('string', 'Name');
aData.addColumn('string', 'DeriveFrom');
aData.addColumn('string', 'ToolTip');

aData.addRows( [ 
                       
                  
[{v:"101", f:"Iron Bangle"}, "", ""],
[{v:"102", f:"Silver Bangle"}, "101", ""],
[{v:"103", f:"Tungsten Bangle"}, "102", ""],
[{v:"104", f:"Gold Bangle"}, "103", ""],
[{v:"105", f:"Mythryl Bangle"}, "104", ""],
[{v:"106", f:"Platinum Bangle"}, "105", ""],
[{v:"107", f:"Diamond Bangle"}, "106", ""],
[{v:"108", f:"Adamant Bangle"}, "107", ""],
[{v:"109", f:"Wurtzite Bangel"}, "108", ""],
[{v:"110", f:"Power Wristband"}, "", ""],
[{v:"111", f:"Brawler's Wristband"}, "110", ""],
[{v:"112", f:"Warrior's Wristband"}, "111", ""],
[{v:"113", f:"Power Glove"}, "112", ""],
[{v:"114", f:"Kaiser Knuckles"}, "113", ""],
[{v:"115", f:"Magician's Mark"}, "", ""],
[{v:"116", f:"Shaman's Mark"}, "115", ""],
[{v:"117", f:"Sorcer's Mark"}, "116", ""],
[{v:"118", f:"Weirding Glyph"}, "117", ""],
[{v:"119", f:"Magistral Crest"}, "118", ""],
[{v:"120", f:"Black Belt"}, "", ""],
[{v:"121", f:"General's Belt"}, "120", ""],
[{v:"122", f:"Champion's Belt"}, "121", ""],
[{v:"123", f:"Rune Bracelet"}, "", ""],
[{v:"124", f:"Witch's Bracelet"}, "123", ""],
[{v:"125", f:"Magus's Bracelet"}, "124", ""],
[{v:"126", f:"Royal Armlet"}, "", ""],
[{v:"127", f:"Imperial Armlet"}, "126", ""]




]);




var bData = new google.visualization.DataTable();

bData.addColumn('string', 'Name');
bData.addColumn('string', 'DeriveFrom');
bData.addColumn('string', 'ToolTip');

bData.addRows( [ 
[{v:"128", f:"Ember Ring"}, "", ""],
[{v:"129", f:"Blaze Ring"}, "128", ""],
[{v:"130", f:"Salamandrine Ring"}, "129", ""],
[{v:"131", f:"Frost Ring"}, "", ""],
[{v:"132", f:"Icicle Ring"}, "131", ""],
[{v:"133", f:"Boreal Ring"}, "132", ""],
[{v:"134", f:"Spark Ring"}, "", ""],
[{v:"135", f:"Fulmen Ring"}, "134", ""],
[{v:"136", f:"Raijin Ring"}, "135", ""],
[{v:"137", f:"Aqua Ring"}, "", ""],
[{v:"138", f:"Riptide Ring"}, "137", ""],
[{v:"139", f:"Nereid Ring"}, "138", ""],
[{v:"140", f:"Zephyr Ring"}, "", ""],
[{v:"141", f:"Gale Ring"}, "140", ""],
[{v:"142", f:"Sylphid Ring"}, "141", ""],
[{v:"143", f:"Clay Ring"}, "", ""],
[{v:"144", f:"Stilstone Ring"}, "143", ""],
[{v:"145", f:"Gaian Ring"}, "144", ""],

]);

var cData = new google.visualization.DataTable();

cData.addColumn('string', 'Name');
cData.addColumn('string', 'DeriveFrom');
cData.addColumn('string', 'ToolTip');

cData.addRows( [ 



[{v:"146", f:"Giant's Glove"}, "", ""],
[{v:"147", f:"Warlord's Glove"}, "146", ""],
[{v:"148", f:"Glass Buckle"}, "", ""],
[{v:"149", f:"Tektite Buckel"}, "148", ""],
[{v:"150", f:"Metal Armband"}, "", ""],
[{v:"151", f:"Ceramic Armband"}, "150", ""],
[{v:"152", f:"Serenity Sachet"}, "", ""],
[{v:"153", f:"Safeguard Sachet"}, "152", ""],
[{v:"154", f:"Glass Orb"}, "", ""],
[{v:"155", f:"Dragonfly Orb"}, "154", ""],
[{v:"156", f:"Star Pendant"}, "", ""],
[{v:"157", f:"Starfall Pendant"}, "156", ""],

]);

var dData = new google.visualization.DataTable();

dData.addColumn('string', 'Name');
dData.addColumn('string', 'DeriveFrom');
dData.addColumn('string', 'ToolTip');

dData.addRows( [ 
[{v:"158", f:"Pearl Necklace"}, "", ""],
[{v:"159", f:"Gemstone Necklace"}, "158", ""],
[{v:"160", f:"Warding Talisman"}, "", ""],
[{v:"161", f:"Hexbane Talismand"}, "160", ""],
[{v:"162", f:"Pain Dampener"}, "", ""],
[{v:"163", f:"Pain Deflector"}, "162", ""],
[{v:"164", f:"White Cape"}, "", ""],
[{v:"165", f:"Effulgent cape"}, "164", ""],
[{v:"166", f:"Rainbow Anklet"}, "", ""],
[{v:"167", f:"Moonbow Anklet"}, "166", ""],
[{v:"168", f:"Cherub's Crown"}, "", ""],
[{v:"169", f:"Seraph's Crown"}, "168", ""],


]);

var eData = new google.visualization.DataTable();

eData.addColumn('string', 'Name');
eData.addColumn('string', 'DeriveFrom');
eData.addColumn('string', 'ToolTip');

eData.addRows( [ 


[{v:"170", f:"Guardian Amulet"}, "", ""],
[{v:"171", f:"Shield Talismand"}, "170", ""],
[{v:"172", f:"Auric Amulet"}, "", ""],
[{v:"173", f:"Soulfont Talismand"}, "172", ""],
[{v:"174", f:"Watchman's Amulet"}, "", ""],
[{v:"175", f:"Shrouding Talismand"}, "174", ""],
[{v:"176", f:"Hero's Amulet"}, "", ""],
[{v:"177", f:"Morale Talismand"}, "176", ""],
[{v:"178", f:"Saint's Amulet"}, "", ""],
[{v:"179", f:"Blessed Talismand"}, "178", ""],
[{v:"180", f:"Zealot's Amulet"}, "", ""],
[{v:"181", f:"Battle Talismand"}, "180", ""],



]);

var fData = new google.visualization.DataTable();

fData.addColumn('string', 'Name');
fData.addColumn('string', 'DeriveFrom');
fData.addColumn('string', 'ToolTip');

fData.addRows( [ 
[{v:"182", f:"Flamebane Brooch"}, "", ""],
[{v:"183", f:"Flamebane Earring"}, "182", ""],
[{v:"184", f:"Frostbane Brooch"}, "", ""],
[{v:"185", f:"Frostbane Earring"}, "184", ""],
[{v:"186", f:"Sparkbane Brooch"}, "", ""],
[{v:"187", f:"Sparkbane Earring"}, "186", ""],
[{v:"188", f:"Aquabane Brooch"}, "", ""],
[{v:"189", f:"Aquabane Earring"}, "188", ""],

[{v:"190", f:"Hermes Sandals"}, "", ""],
[{v:"191", f:"Sprint Shoes"}, "190", ""],
[{v:"192", f:"Tetradic Crown"}, "", ""],
[{v:"193", f:"Tetradic Tiara"}, "192", ""],

]);

var gData = new google.visualization.DataTable();

gData.addColumn('string', 'Name');
gData.addColumn('string', 'DeriveFrom');
gData.addColumn('string', 'ToolTip');

gData.addRows( [ 

[{v:"194", f:"Whistlewind Scarf"}, "", ""],
[{v:"195", f:"Aurora Scarf"}, "194", ""],
[{v:"196", f:"Nimbletoe Boots"}, "195", ""],
[{v:"197", f:"Gold Watch"}, "", ""],
[{v:"198", f:"Champion's Badge"}, "197", ""],
[{v:"199", f:"Survivalist Catalog"}, "198", ""],
[{v:"200", f:"Collector Catalog"}, "199", ""],
[{v:"201", f:"Connoisseur Catalog"}, "200", ""],




[{v:"206", f:"Fire Charm"}, "212", ""],
[{v:"207", f:"Ice Charm"}, "212", ""],
[{v:"208", f:"Lightning Charm"}, "212", ""],
[{v:"209", f:"Water Charm"}, "212", ""],
[{v:"210", f:"Wind Charm"}, "212", ""],
[{v:"211", f:"Earth Charm"}, "212", ""],
[{v:"212", f:"Twenty-Sided Dice"}, "", ""],
]);

var hData = new google.visualization.DataTable();

hData.addColumn('string', 'Name');
hData.addColumn('string', 'DeriveFrom');
hData.addColumn('string', 'ToolTip');

hData.addRows( [


[{v:"202", f:"Hunter's Friend"}, "", ""],
[{v:"203", f:"Speed Sash"}, "202", ""],
[{v:"204", f:"Energy Sash"}, "203", ""],
[{v:"205", f:"Doctor's Code"}, "", ""],

[{v:"213", f:"Growth Egg"}, "", ""],
[{v:"214", f:"Entite Ring"}, "", ""],
[{v:"215", f:"Goddess's Favor"}, "214", ""],
[{v:"216", f:"Ribbon"}, "", ""],
[{v:"217", f:"Super Ribbon"}, "216", ""],
[{v:"218", f:"Genji Glove"}, "", ""]

]);

var iData = new google.visualization.DataTable();

iData.addColumn('string', 'Name');
iData.addColumn('string', 'DeriveFrom');
iData.addColumn('string', 'ToolTip');

iData.addRows( [

["the end", "", "a placeholder"]

]);




	
	achart = new google.visualization.OrgChart(document.getElementById('a_chart'));
    achart.draw(aData, {"allowHtml": true});
    
	//google.visualization.events.addListener(weaponchart, 'select', selectHandler);	
	//!!!!!!!google.visualization.events.addListener(lightningchart, 'select', weaponSelect);	

	bchart = new google.visualization.OrgChart(document.getElementById('b_chart'));
	bchart.draw(bData, {"allowHtml": true});


	cchart = new google.visualization.OrgChart(document.getElementById('c_chart'));
	cchart.draw(cData, {"allowHtml": true});
	
	dchart = new google.visualization.OrgChart(document.getElementById('d_chart'));
	dchart.draw(dData, {"allowHtml": true});
	
	echart = new google.visualization.OrgChart(document.getElementById('e_chart'));
	echart.draw(eData, {"allowHtml": true});


	fchart = new google.visualization.OrgChart(document.getElementById('f_chart'));
	fchart.draw(fData, {"allowHtml": true});
	
	gchart = new google.visualization.OrgChart(document.getElementById('g_chart'));
	gchart.draw(gData, {"allowHtml": true});

	hchart = new google.visualization.OrgChart(document.getElementById('h_chart'));
	hchart.draw(hData, {"allowHtml": true});

	ichart = new google.visualization.OrgChart(document.getElementById('i_chart'));
	ichart.draw(iData, {"allowHtml": true});
	}

function selChar() {
	// 
    var theSel = document.getElementById("select_character");
    var ix = theSel.selectedIndex;
    var theCharacter = theSel.options[ix].text;
    //alert(theCharacter);
    document.getElementById('who').innerHTML = theCharacter;
    theSel.options[ix].selected = true;
    showCharacter(theCharacter);

}


</script>
</head>
<body>

<div id='a_chart'></div>
<br />
<br />
<div id='b_chart'></div>
<br />
<br />
<div id='c_chart'></div>
<br />
<br />
<div id='d_chart'></div>
<br />
<br />
<div id='e_chart'></div>
<br />
<br />
<div id='f_chart'></div>
<br />
<br />
<div id='g_chart'></div>
<br />
<br />
<div id='h_chart'></div>
<br />
<br />
<div id='i_chart'></div>
</body>
</html>